<template>
  <CodeEditor :value="value" :handle-change="onchange"/>
  <MdEditor :value="value" :handle-change="onchange"/>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import MdEditor from "@/components/MdEditor.vue";
import CodeEditor from "@/components/CodeEditor.vue";

const value = ref();
const onchange = (v:string) => {
  value.value = v;
}

</script>
